<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8"/>
	<meta name="renderer" content="webkit"/>
	<meta name="viewport"
		  content="width=device-width,initial-scale=1,maximum-scale=1,minimum-scale=1,user-scalable=no"/>
	<meta http-equiv="X-UA-Compatible" content="ie=edge"/>
	<meta name="format-detection" content="telephone=no"/>
	<title>{$employ.title}</title>
	<meta name="keywords" content="{$employ.keywords}">
	<meta name="description"
		  content="{$employ.description}">
	<link rel="shortcut icon" href="{$shop_ico}"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/swiper.min.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/aos.css">
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/public.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/tool.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/header.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/footer.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/list.css"/>
	<link rel="stylesheet" type="text/css" href="__STATIC_LIB__sanyechong/style/style.css"/>
</head>
<body class="Algorithm-body box-sizing-border ">
<!--头部begin-->
<div class="header-box">
	<header id="header">
		<div class="wrap-full" flex="aic jb">
			<!-- logo start -->
			{include file="logo" /}
			<!-- logo end -->
			<!-- 菜单 start -->
			{include file="menu" /}
			<!-- 菜单 end -->
			<!-- 申请试用 start -->
			{include file="apply" /}
			<!-- 申请试用 end -->
		</div>
	</header>
</div>
<div class="header-box-space"></div>
<!--头部end-->
<!-- 算法详情banner start -->
<div class="banner-search">
	<div class="wrap-1440">
		<div class="form-block search-form-result" flex="wrap">
			<div class="top-block" flex="wrap">
				<form id="searchwebform" action="{:url('marketplace/search')}" class="form" flex/>
<!--				<span class="icon-btn self-svg" data-icon="searchType5"></span>-->
<!--				<input class="input" type="text" id="keyword" name="keys" onfocus="blurMall(this)"-->
<!--					   onkeyup="ajaxMall(this)" placeholder="搜索算法">-->
<!--				<span class="more-box-a" id="btnA">-->
<!--					<span class="more-box" href="" flex="aic jc">-->
<!--						<span class="more-word">搜索</span>-->
<!--						<input type="submit" class="submit" value="">-->
<!--					</span>-->
<!--            	</span>-->
				<!-- 输入提示 start -->
				<div class="result-box type-a" style="display: none;">
					<div class="hot-box">
						<div class="a-list hidedata" style="display: none;" flex="wrap">
							<a href="https://www.extremevision.com.cn/marketplace/62.html" title="离岗识别">离岗识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/3.html" title="工服识别">工服识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/41.html" title="皮带跑偏检测">皮带跑偏检测</a>
							<a href="https://www.extremevision.com.cn/marketplace/7.html" title="烟雾识别">烟雾识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/35.html" title="抽烟识别">抽烟识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/4.html"
							   title="无人机光伏巡检算法">无人机光伏巡检算法</a>
							<a href="https://www.extremevision.com.cn/marketplace/25.html" title="车牌识别">车牌识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/20.html" title="占道经营识别">占道经营识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/19.html" title="街道垃圾识别">街道垃圾识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/10.html" title="客流统计">客流统计</a>
							<a href="https://www.extremevision.com.cn/marketplace/89.html" title="摔倒识别">摔倒识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/11.html" title="火焰识别">火焰识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/12.html" title="安全帽识别">安全帽识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/13.html" title="反光衣识别">反光衣识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/108.html" title="跨位停车识别">跨位停车识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/107.html" title="卸油作业安全设施识别">卸油作业安全设施识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/96.html" title="交通拥堵识别">交通拥堵识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/95.html" title="安全带穿戴识别">安全带穿戴识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/92.html" title="车辆违停识别">车辆违停识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/90.html" title="水位识别">水位识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/87.html" title="客流特征识别（年龄、性别）">客流特征识别（年龄、性别）</a>
							<a href="https://www.extremevision.com.cn/marketplace/85.html" title="人员闯入识别">人员闯入识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/77.html" title="高空抛物识别">高空抛物识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/65.html" title="下料口堵塞识别">下料口堵塞识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/58.html" title="电梯间电动车识别">电梯间电动车识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/49.html" title="船舶闯入识别">船舶闯入识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/48.html" title="船舶类型识别">船舶类型识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/46.html" title="河道漂浮物识别">河道漂浮物识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/42.html" title="老鼠识别">老鼠识别</a>
							<a href="https://www.extremevision.com.cn/marketplace/40.html" title="皮带传输监测">皮带传输监测</a>
						</div>
					</div>
					<div class="other-box" flex="jb aic" style="display:none">
						<div class="other-word">暂无相关算法</div>
						<div class="more-box-d">
							<a class="more-box iframe-btn" href="https://www.extremevision.com.cn/customs.html"
							   flex="aic">
								<div class="more-word">提交定制需求</div>
								<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							</a>
						</div>
					</div>
				</div>
				<!-- 输入提示 end -->
				</form>
<!--				<div class="more-box-a">-->
<!--					<a class="more-box iframe-btn" href="https://www.extremevision.com.cn/customs.html" flex="aic">-->
<!--						<div class="more-word">提交定制需求</div>-->
<!--					</a>-->
<!--				</div>-->
			</div>
			<div class="hot-box" flex>
				<span class="hot-t">热门推荐：</span>
				<div class="hot-a-box textover">
					{volist name="algorithmList" id="vo"}
					<a href="{:url('marketplace/detail')}?id={$vo.id}" title="{$vo.title}">{$vo.title}</a>
					{/volist}
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 算法详情banner end -->
<!-- 算法详情banner start -->
<div class="website-banner bgf8f9fc">
	<div class="auto-banner">
		<div class="img-div">
			<img class="pc" src="__STATIC_LIB__sanyechong/images/banner/algorithm-banner-pc2.jpg" width="1920" alt="Image">
			<!--<img class="phone" src="__STATIC_LIB__sanyechong/images/banner/algorithm-banner-phone2.jpg" width="1920" alt="Image">-->
		</div>
		<div class="cont" flex>
			<div class="wrap-1440">
				<div class="website-map">
					<div class="flex-box">
						<div class="title-icon" flex="aie">
							<img src="__STATIC_LIB__sanyechong/images/icon-7-1.png" width="19" alt="首页">
							<a class="title" href="https://www.extremevision.com.cn">首页</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<a class="title" href="https://www.extremevision.com.cn/marketplace/">算法商城</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<a class="title" href="/marketplace/list-1-0-0-1.html#F2">{$algorithm.title}</a>
							<span class="self-svg jt" data-icon="arrowRightMiddle14"></span>
							<span class="span">{$item.title}</span>
						</div>
					</div>
				</div>
				<div class="cont-img type-a" flex="aic jb">
					<div class="cont-box">
						<h1 class="h1 title type-a color2">{$item.title}
							{if $item.is_hot == 1}
							<span class="icon-span hot">热门</span>
							{/if}
						</h1>
						<div class="des type-a">{$item.description}</div>
<!--						<div class="tag-list" flex="aic">-->
<!--							<a href="{:url('marketplace/list')}?id=5">智慧交通</a>-->
<!--							<i class="line"></i>-->
<!--							<a href="{:url('marketplace/list')}?id=2">智慧城管</a>-->
<!--							<i class="line"></i>-->
<!--							<a href="{:url('marketplace/list')}?id=1">建筑地产</a>-->
<!--							<i class="line"></i>-->
<!--						</div>-->
						<div class="btn-box" flex="wrap">
							<!--							<div class="more-box-a type-b" flex="aic wrap">-->
							<!--								<a class="more-box" href="https://affim.baidu.com/unique_52991325/chat?siteId=20116981&userId=52991325&siteToken=1ecb790dd8772cf24cefd34358a2b0db&place=pop-up" target="_blank" flex="aic jc">-->
							<!--									<span class="more-word">在线咨询</span>-->
							<!--								</a>-->
							<!--							</div>-->
							<div class="more-box-a type-c" flex="aic wrap">
								<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc">
									<span class="more-word">申请试用</span>
								</a>
							</div>
						</div>
					</div>
					<div class="img-box auto-img type-a">
						<div class="video-block">
							<img src="{$item.pic}" width="570" alt="{$item.title}">
<!--							<a class="video-play" href="javascript:;"-->
<!--							   data-src="/uploadfile/file/20230506/1683371646423798.mp4" flex="aic jc">-->
<!--								<span class="icon-icon self-svg" data-icon="triangle2"></span>-->
<!--							</a>-->
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</div>
<!-- 算法详情banner end -->
<main class="main">
	<!-- 算法详情 start -->
	<div class="algorithm-info-top">
		<div class="img-text" flex="aic jb">
			<div class="wrap-1440">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">应用场景</h2>
				</div>
				<ul class="ul" flex="wrap">
					{volist name="scene" id="vo"}
					<li class="li">
						<h5 class="h5" flex="wrap ais">
							<span class="self-svg"><img src="{$vo.pic}" width="20" alt="{$vo.title}"></span>
							{$vo.title} </h5>
						<div class="li-word"> {$vo.desc}</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
		<div class="img-text" flex="aic jb">
			<div class="wrap-1440">
				<div class="auto-title-block">
					<h2 class="auto-title-h2 h2">常见问题</h2>
				</div>
				<ul class="ul" flex="wrap">
					{volist name="question" id="vo"}
					<li class="li">
						<h5 class="h5" flex="wrap ais">
							<span class="self-svg"><img src="{$vo.pic}" width="20" alt="{$vo.title}"></span>
							{$vo.title} </h5>
						<div class="li-word"> {$vo.desc}</div>
					</li>
					{/volist}
				</ul>
			</div>
		</div>
	</div>
	<!-- 算法详情 end -->
	<!-- 案例推荐 start -->
	<div class="put-case-list bgf8f9fc">
		<div class="wrap-1440">
			<div class="auto-title-block">
				<h2 class="auto-title-h2 h2">相关实例</h2>
			</div>
			<div class="swiper-box">
				<div class="list3 p-b-0" flex="wrap">
					<div class="swiper" data-swiper-class="swiperPutCase" data-swiper-json="{speed: 5000,slidesPerView: 2,breakpoints: {1200: {
                  slidesPerView: 4,
                },
                991: {
                  slidesPerView: 3,
                },
              },
            }">
						<ul class="swiper-wrapper ul">
							{volist name="example" id="vo"}
							<li class="li list3-li swiper-slide">
								<div class="list-box imgh">
									<a href="{$vo.url}" class="img-box"
									   flex="aic"><img src="{$vo.pic}" alt="Image" title="{$vo.title}"></a>
									<div class="cont">
										<a href="{$vo.url}" class="logo"
										   title="{$vo.title}">
											<img src="{$vo.logo}" alt="{$vo.title}">
										</a>
										<a href="{$vo.url}" class="title textovers">{$vo.title}</a>
										<div class="tag-more" flex="jb ais">
											<div class="tag-box" flex="wrap aic">
												{volist name="$vo['sector']" id="v"}
												<a class="tags-a" href="{$vo.url}">{$v.title}</a>
												<i class="line"></i>
												{/volist}
											</div>
											<div class="more-box-c" flex="jfe">
												<a class="more-box" href="{$vo.url}"
												   flex="aic">
													<span class="self-svg jt" data-icon="jt1"></span>
												</a>
											</div>
										</div>
									</div>
								</div>
							</li>
							{/volist}
						</ul>
					</div>
					</ul>
				</div>
			</div>
		</div>
		<!-- 案例推荐 end -->
		<!-- 相关算法推荐 start -->
<!--		<div class="put-algorithm-list bgf8f9fc">-->
<!--			<div class="wrap-1440">-->
<!--				<div class="auto-title-block">-->
<!--					<h2 class="auto-title-h2 h2">相关算法推荐</h2>-->
<!--				</div>-->
<!--				<div class="swiper-box">-->
<!--					<div class="list5" flex="wrap">-->
<!--						<div class="swiper" data-swiper-class="swiperPutAlgorithm" data-swiper-json="{-->
<!--              speed: 6000,-->
<!--              slidesPerView: 2,-->
<!--              breakpoints: {-->
<!--                1200: {-->
<!--                  slidesPerView: 4,-->
<!--                },-->
<!--                991: {-->
<!--                  slidesPerView: 3,-->
<!--                },-->
<!--              },-->
<!--            }">-->
<!--							<ul class="swiper-wrapper ul">-->
<!--								{volist name="recommend" id="vo"}-->
<!--								<li class="li list5-li swiper-slide">-->
<!--									<div class="list5-box imgh">-->
<!--										<a class="img-box" href="{:url('marketplace/detail')}?id={$vo.other_id}"-->
<!--										   title="{$vo.title}">-->
<!--											<img src="{$vo.pic}" width="242" alt="{$vo.title}">-->
<!--											<div class="icon-span-box">-->
<!--												&lt;!&ndash; <span class="icon-span new">最新</span> &ndash;&gt;-->
<!--												&lt;!&ndash; <span class="icon-span sale">预售</span> &ndash;&gt;-->
<!--												<span class="icon-span hot">热门</span>-->
<!--											</div>-->
<!--										</a>-->
<!--										<div class="list5-cont">-->
<!--	                      	<span class="icon-box">-->
<!--	                        	<img src="{$vo.logo}" width="64" alt="Image">	                      	</span>-->
<!--											<h6 class="h6 list5-title"><a-->
<!--													href="{:url('marketplace/detail')}?id={$vo.other_id}"-->
<!--													title="{$vo.title}">{$vo.title}</a></h6>-->
<!--											<div class="tags-more" flex="ais jb">-->
<!--												<div class="tags" flex="wrap aic">-->
<!--													{volist name="$vo['children']" id="v"}-->
<!--													<a class="tags-a" href="{:url('marketplace/list')}?id={$v.algorithm_id}">{$v.title}</a>-->
<!--													<i class="line"></i>-->
<!--													{/volist}-->
<!--												</div>-->
<!--												<div class="more-box-c" flex="jfe">-->
<!--													<a class="more-box"-->
<!--													   href="https://www.extremevision.com.cn/marketplace/7.html"-->
<!--													   flex="aic">-->
<!--														<span class="self-svg jt" data-icon="jt1"></span>-->
<!--													</a>-->
<!--												</div>-->
<!--											</div>-->
<!--										</div>-->
<!--									</div>-->
<!--								</li>-->
<!--								{/volist}-->
<!--							</ul>-->
<!--						</div>-->
<!--					</div>-->
<!--				</div>-->
<!--			</div>-->
<!--		</div>-->
	</div>
	<!-- 相关算法推荐 end -->
	<!-- 申请试用 start -->
	<!--		<div class="index-apply">-->
	<!--			<div id="lizi1" class="canvas-box">-->
	<!--				<canvas class="lizi1-canvas-el"></canvas>-->
	<!--			</div>-->
	<!--			<div class="wrap-1440">-->
	<!--				<div class="flex-box" flex="aic jfe">-->
	<!--					<div class="phone-text pc-hide">找算法上极视角！</div>-->
	<!--					<div class="more-box-a type-a">-->
	<!--						<a class="more-box" href="{:url('index/apply')}" target="_blank" flex="aic jc" data-text="查看更多">-->
	<!--							<span class="more-word">立即申请试用</span>-->
	<!--						</a>-->
	<!--					</div>-->
	<!--				</div>-->
	<!--			</div>-->
	<!--		</div>-->
	<!-- 申请试用 end -->
</main>
<!-- 视频弹框 start -->
<div class="tank-video-box">
	<div class="flex-box">
		<div class="video-box">
			<a href="javascript:;" class="exit"></a>
			<video controls></video>
		</div>
	</div>
</div>
<!-- 视频弹框 end -->
<!--尾部begin-->
{include file="footer" /}
<input type="hidden" value="marketplace" id="catdir">
<script type="text/javascript" src="__STATIC_LIB__sanyechong/js/layer.js"></script>
<script>
	// rem计算问题延时执行
	function remAfter() {
		setTimeout(function () {
			// 动画
			AOS.refresh();
		}, 100);
	}

	divLoadFun.addFun("loadFun", function () {
		remAfter();
	});
	AOS.init({
		duration: 600,
		easing: 'ease',
		once: true,
	});
	$(function () {
		$("#btnA").click(function () {
			var val = $('#keyword').val();
			var catdir = $('#catdir').val();
			if (val) {
				layer.load(1);
				$.ajax({
					url: "{:url('marketplace/search')}",
					dataType: "json",
					type: "post",
					async: "false",
					data: {'catid': 1, 'title': val},
					success: function (data) {
						layer.closeAll();
						if (data.data) {
							window.location.href = '/' + catdir + '?keys=' + val;
						} else {
							alert('暂无相关算法')
						}
					},
					error: function () {
						layer.closeAll();
						alert('暂无相关算法')
					}
				});
			} else {
				alert('暂无相关算法')
			}
		});
	});

	function ajaxMall(e) {
		var val = $('#keyword').val();
		if (val) {
			layer.load(1);
			$.ajax({
				url: "{:url('marketplace/search')}",
				dataType: "json",
				type: "post",
				async: "false",
				data: {'catid': 1, 'title': val},
				success: function (data) {
					layer.closeAll();
					if (data.data) {
						console.log(111);
						$(".result-box").show();
						$(".result-box .other-box").hide();
						$(".result-box .a-list").show();
						$(".result-box .hot-box").show();
						$(".result-box .hot-tit").hide();
						$(".result-box .hidedata").show();
						$(".result-box .hidedata").html(data.data);
					} else {
						console.log(222);
						$(".result-box").show();
						$(".result-box .hot-box").hide();
						$(".result-box .other-box").show();
						$(".result-box .hidedata").show();
					}
				},
				error: function () {
					console.log(333);
					layer.closeAll();
					console.log(33);
					$(".result-box .hot-box").hide();
					$(".result-box .hidedata").show();
				}
			});
		} else {
			console.log(444);
			$(".result-box").hide();
			$(".result-box .other-box").show();
			$(".result-box .hot-tit").show();
			$(".result-box .a-list").show();
			$(".result-box .hidedata").show();
			$(".result-box .other-box").hide();
		}
	}

	function blurMall() {
		console.log(555);
		var val = $('#keyword').val();
		if (val) {
			$(".result-box").show();
			$(".result-box .hidedata").show();
		}
	}
</script>
</body>
</html>